// 导入 Vue 的核心函数
import { createApp } from 'vue'
// 导入路由插件的核心函数。
import { createRouter, createWebHistory, } from 'vue-router'

// 导入要显示的视图组件
import Login from "@/components/EmpLogin";
import ProgramShow from "@/components/ProgramShow";
import ProgramChange from "@/components/ProgramChange";

/*配置路由*/

// 定义访问的路径地址和组件的关系
const routes = [
    {
        path: "/", // 路径地址
        /*进去就是登录页面*/
        component: Login // 访问路径地址时，显示的组件。
    },

    {
        path: "/programshow",
        component: ProgramShow
    },

    {
        path:"/change",
        component:ProgramChange
    }

]

// 定义路由机制
const router = createRouter({
    // 设置访问地址的格式。createWebHistory - 正常请求路径 ;  createWebHashHistory - 增加/#/的请求路径
    history: createWebHistory(),
    routes, // 简写方式。代表路由映射是什么。全写是 routes : routes
})
import App from './App.vue'

// 创建Vue启动的核心
const app = createApp(App)
// 使用定义的路由
app.use(router);
// 启动。 让单一页面 index.html 中id为 app的 div标签显示具体内容。
app.mount('#app');